﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Stores.aspx.cs" Inherits="Touch2Like.Web.Stores" %>
<%@ Import Namespace="Touch2Like.SharedLibrary" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="business portfolio site template" />
<meta name="keywords" content="business, marketing, corporate, app, software, marketing"/>
<meta name="author" content="Tansh" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>CAMINTEL Group - NFC Hardware/Software Application Provider</title>

<!--Fav and touch icons-->
<link rel="shortcut icon" href="img/icons/favicon.ico">
<link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">

<!--google web font-->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'>

<!--style sheet-->
<link rel="stylesheet" media="screen" href="css/bootstrap.css"/>
<link rel="stylesheet" media="screen" href="css/bootstrap-responsive.css"/>
<link rel="stylesheet" media="screen" href="css/style.css"/>
   
<link href="/img/jquery.fancybox.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/flipcounter.js" type="text/javascript"></script>
<script src="/js/jquery.fancybox.js" type="text/javascript"></script>

<!--jquery libraries / others are at the bottom-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
</head>

<!-- header starts
================================================== -->
<section id="header" class="clearfix">
  <div class="container">
    <div class="row"> 
      
      <!--logo starts-->
      <div class="span4 logo"><a href="#"><img id="camintel" src="img/logo.png" style="height:63px; width:243px" alt="logo"></a></div>
      <!--logo ends-->
      
      <div class="span8 clearfix"> 
        
        <!--social starts-->
        <!--social ends--> 
        
        <!--menu starts-->
        <div id="smoothmenu" class="ddsmoothmenu">
          <ul>
            <li><a href="index.html" >Home</a></li>
            <li><a href="about.html" >About</a> </li>
            <li><a href="Stores.aspx" class="selected">Store</a></li>
            <li><a href="about.html">NFC</a> </li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="support.html">Support</a>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
        <!--menu ends--> 
        
      </div>
    </div>
  </div>
</section>
<body>
    <form id="form1" runat="server">
 <div id="header_bottom">
        <div class="container clearfix">
            <div class="page_header" style="background: url(/img/heading-bg.png) repeat-x bottom;
                padding: 0px 0px 30px 0px; margin-bottom: 30px; font-family: Georgia, 'Times New Roman', Times, serif;
                font-style: italic;">
                <h1 style="margin-bottom: 5px !important;">
                    &nbsp;</h1>
                <p>
                    We can provide customizations (including logos and programming). Contact <a href="mailto:sales@camintelgroup.com">
                        sales@camintelgroup.com</a> for further information!  We supply a range of NFC products including tags, key fobs, wristbands, social network cards and signs. 
                </p>
            </div>
            <ul style="width: 960px;">
                <asp:Repeater ID="Repeater_Goods" runat="server">
                    <ItemTemplate>
                        <li class="acc_list_li" style="height: 293px;">
                            <ul class="goodsDisplay" style="height: 292px;">
                                <li class="goodsDisplay_item1" style="display: list-item;"><a href="/goods/Detail.aspx?ID=<%#Server.UrlEncode(Utility.Encryption.Encrypt(Eval("SKU").ToString())) %>"
                                    style="height: 190px; line-height: 180px;">
                                    <img src="<%#Eval("PictureLocation") %>" style="vertical-align: middle; width: 160px; height: 160px;
                                        margin-top: 10px;" /></a></li>
                                <li class="goodsDisplay_item2" style="display: list-item;"><a href="/goods/Detail.aspx?ID=<%#Server.UrlEncode(Utility.Encryption.Encrypt(Eval("SKU").ToString()))%>">
                                    <%#Eval("Name") %></a></li>
                                <li class="goodsDisplay_item3" style="display: list-item;"><em>$
                                    <%#Eval("Price") %></em></li>
                                <li class="goodsDisplay_item4" style="display: list-item;"><a href="/goods/Cart.aspx?act=Add&c=1&g=<%#Server.UrlEncode(Utility.Encryption.Encrypt(Eval("SKU").ToString())) %>">
                                    Add to Cart</a></li>
                            </ul>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
    </div>
        <script type="text/javascript">
            jQuery(document).ready(function () {
                jQuery(".acc_list_li").each(function () {
                    jQuery(this).hover(function () {
                        acc_list_li = jQuery(this);
                        goodsDisplay = acc_list_li.find(".goodsDisplay");
                        goodsDisplay.css("border-bottom", "1px dotted white");
                        acc_list_li.css("border", "1px solid #E1E1E1");
                    }, function () {
                        acc_list_li = jQuery(this);
                        goodsDisplay = acc_list_li.find(".goodsDisplay");
                        goodsDisplay.css("border-bottom", "1px dotted #CCC");
                        acc_list_li.css("border", "1px solid white");
                    });
                });
            });
    </script>
    </form>
</body>
</html>
